<!-- Content Background -->
    <div id="content_bg" class="png_bg">
    <!-- Content-->
    <div id="content">
	<script type="text/javascript">var msgArray = ['',''];</script>
    <!-- Content Left -->
    <div class="column_left">
        <!--Panel Edit-->
        <div class="panel_tab_right_link">
            <a class="b2 medium white" title="Edit" href="<?=site_url('member/user/myprofile')?>">Edit</a>
	    </div>
	    <!--Panel Edit-->
       <!--
       <div class="panel_tab_right_link">
	       <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.wattpad.com%2Fuser%2FAsherAndMaddi&amp;layout=button_count&amp;show_faces=false&amp;width=80&amp;action=like&amp;&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:120px;"></iframe>
	   </div>
       -->
       <!-- About Me Panel -->
	   <div class="panel_tab">
	       <b style="margin-top:0px">About Me</b>
	   </div>
       <!-- About Me Panel -->
       <!--Panel Member-->
       <div class="panel panel_text" style="margin-bottom:10px">
	       <div style="background-color:#DDD; border:1px solid #333; border-style:none none solid none; padding:4px 10px 4px 10px;">
                <!--Panel Status Member-->
                <div id="user_status_container">
                    <b>Status:</b>
                    <span id="user_status">Anyone wanna chat me &amp; madd?</span>
                    <span id="user_status_date" style="color:#666">(9 hours ago)</span>
                </div>
                <!--Panel Status Member-->
                
                <!-- Update Status -->
                <div style="margin:2px 0;" id="user_status_edit">
                    <input type="text" onfocus="if ($(this).hasClass('searchbox_default')){ $(this).removeClass('searchbox_default').val(''); $('#unfinishedMessage').val(''); }" onchange="msgArray[0] = $(this).val();" style="width:75%" maxlength="140" value="Share your status" class="" tabindex="1" id="new_status"/> 
                    <button class="b2 medium white" tabindex="2" id="save_status">Update</button>
                </div>
                <!-- Update Status -->
                
          </div>
          <!-- Member-->
          <div style="padding:20px;">
	           <!--Panel Avatar Member-->
               <div class="panel_avatar ">
			     <h1 style=""><span style="vertical-align: middle;">Member</span></h1>
			     <img src="images/AsherAndMaddi.128.413928.jpg" class="picframe" width="128" height="128" />
			     <div style="text-align: center;">
                     <img src='images/fan.png'  alt='fan.png' class='fan_icon'/>
                     <a onclick="" href="login.html" class="fanlink">Become a fan</a>
                     <img src='images/ajax-loader-white.gif' width='16' height='16' alt='ajax-loader-white.gif' class='fan_spinner' border='0' style='visibility: hidden; vertical-align: text-bottom;'  />			</div>
		        </div>
                <!--Panel Avatar Member-->
                <!--Panel Detail Member-->
                <div class="panel_text ">
			    <table width="320" cellpadding="1" border="0">
                    <!-- Member Name -->
                    <tr>
                        <td class="profilelabel ">Name</td>
                        <td>Asher &amp; Madison</td>
				    </tr>
					<!-- Member Name -->
                    <!-- Location -->															
                    <tr>
                        <td class="profilelabel ">Location</td>
					    <td>Narnia</td>
                    </tr>
					<!-- Location -->
				    <!-- Gender -->
                    <tr>
					    <td class="profilelabel ">Gender</td>
					    <td>M</td>
					</tr>
                    <!-- Gender -->
					<!-- Member Since -->
                    <tr>
					    <td class="profilelabel ">Member Since</td>
					    <td>May 22, 2012</td>
					</tr>
                    <!-- Member Since -->
					<!-- Voted Received -->
                    <tr>
					     <td class="profilelabel ">Votes Received</td>
			             <td>16</td>
					</tr>
                    <!-- Voted Received -->
                    <!-- Profile Page -->    
					<tr>
						<td class="profilelabel"><nobr>Profile Page</nobr></td>
						<td><input type="text" class="inputsmall" style="width:80%" id="urlcopy" onclick="document.getElementById('urlcopy').focus();document.getElementById('urlcopy').select()" value="http://wattpad.com/AsherAndMaddi"></td>
					</tr>
					<!-- Profile Page -->
                    <tr>
						<td class="profilelabel"></td>
						<td></td>
					</tr>
				</table>
		        </div>
                <!--Panel Detail Member-->
                
		        <hr/>
                <pre>
                    Asher: 
                    -Im 15
                    -I have bron hair
                    -Green eyes
                    -Single, wanna change that? ;)
                    -Im from Kosovo
                    -Im 5'4
                    -P.M. or chat me i guess.
                    -Im a pretty big flirt. :P
                    -I'll be on most of the time, but there might be a time difference for a bunch of us, but it'll work. :P
                    -My sister edi my pic... ._.
                    -My fave colors purple ;P
                    Maddi:
                    -HIIIIIIIIIIIIIIIIII :)
                    -I have wavy black/brown hair and way prettier eyes than my brother.
                    -Im single. And seeing as almost all of you are girls, I think Ill keep it that way xD
                    -Idk how tall I am, but Im shorter than Asher. -_-
                    -Ill talk to you if you talk to me! :D
                    -Ill be on sometimes.
                    -Im 14(:
                    -I look older than I really am, Im usuallly mistaken for 15. It bugs asher :P
                    -Im an awesome pic editor person :P
                    -My favorite colors PINKKKKKK :)
                    -I love love love fashion.
                    -Gias my wattpad best friend :)
                    -Im pretty random.
                    -ilook high in the background pic, nbd. xD Its 3 am okayyy!!!!
                    
                    Awesome People on here:<a href="/user/xxxIrreplacablexxx">@xxxIrreplacablexxx</a> 
                    - Elli(: Words can't explain ;)~Asher. Yeah my brothers cruuuuuuushhh ;)~Maddi
                    <a href="/user/itstiffbetch">@itstiffbetch</a> - Tiff &amp; Brianna, who apparently like playing cupid ;) 
                    Also two of the five hoes at that corner you always go to.. I dunno them YET ~Maddi.
                    <a href="/user/xoxoloveu">@xoxoloveu</a> Gia! Another cupid -_- She also likes my sister better than me 
                    :P *cough lies cough* Another one of the hoes MY BESTIEEE ~Maddi
                    <a href="/user/WithCherriesOnTop">@WithCherriesOnTop</a> 
                    One of my other wattpad best friends ;) Shes also a model ;P And pretty talented, okay really talented compared
                     to me xD Shes pretty, but i dont know her yet either ~Maddi.If you fan, we fan back. Feel free to PM or chat
                     us anytime. We respond faster to PM's but whichever :P Baiiiiii&lt;3 Ohh and our dp is our babygirl&lt;3 No,
                     shes not actually mine, nor Ashers child xD She's our friends baby :)
                </pre>		
            </div>
            <!-- Member-->
	    </div>
        <!--Panel Member-->
        
        <!--My Work Content Member -->
        <div class="panel_tab">
            <b style="margin-top:0px">My Works</b>
        </div>
        <!--Member Panel-->
        <div class="panel" style="margin-bottom:10px">
        <table cellspacing="0" cellpadding="0" border="0" width="100%">
            <tr id="4846363" class="storyitem evenrow">
                <!--Member Work Image-->
                <td class="left">
                    <a href="/4846363-what-happens-when-maddi-gets-bored">
                        <img src="images/AsherAndMaddi.64.413928.jpg" alt="What Happens When Maddi Gets Bored" class="picframe" width="64" height="100" />
                    </a>
                </td>
                <!--Member Work Image-->
                <!--Member Work Desc-->
                <td valign="top">
                    <h1 style="margin-bottom:2px">
                        <a href="/4846363-what-happens-when-maddi-gets-bored" class="title">
                            What Happens When Maddi Gets Bored
                        </a>
                    </h1>
                    <a href="categories.html" class="small">Humor #209</a>
                    <div class="meta_element" style="margin:2px 0">
                        3 parts /  2 pages, updated May 29, 2012
                            <img src='images/RATED_G.png'  alt='G' title='G' style='vertical-align:top;margin-left:5px'  />
                    </div>
                    <div class="meta_element" style="margin:2px 0">
                        tags /
                        <a class="small" href="search-story.html">maddi</a>
                    </div>
                    <div class="meta_stats">
                        <span class="low">168 reads</span>
                            <img src='images/votes.png' width='14' height='14' alt='votes' title='votes' style='vertical-align:middle'  />
                            <span class="low">16</span> 
                            <img src='images/comments.png' width='14' height='14' alt='comments' title='comments' style='vertical-align:middle' />
                            <span class="med">35</span> 
                    </div>
                </td>
            </tr>
        </table>
        <hr style="margin:0px;"/>
        </div>
        <!--Member Panel-->
	   
       <!--Message Board-->
	   <h1 class="info_tabs info_tabs_selected nohover" style="float:left;margin-left:10px">Message Board</h1>	
       <div style="clear:both;">
            <div style="float:left;">
                <div class="commentby commentbyauthor">
                    <img src="images/0.64.jpg" alt="" align="top" class="picframe" border="0" width="64" height="64" />
                </div>
            </div>
            <form style="overflow: hidden;" onsubmit="return validate('commentform');" enctype="multipart/form-data" method="post" action="/message?userid=2944199" name="commentform" id="commentform">
                <div class="commentbubble commentauthor commentform">
                    <textarea onchange="msgArray[1] = $(this).val()" onkeyup="updateCharCount();" rows="4" tabindex="11" id="commentText" name="comment" style="resize: none; width:97%;">
                    </textarea>
                </div>
                <div class="commentmeta">
                     <div style="float:left;color:#999">
                            <input type="checkbox" name="emailfans" />broadcast to fans
                     </div>
                     <span id="charcount">0</span> / 2000 
                     <img width="16" height="16" border="0" style="display:none; vertical-align: middle; padding-top: 4px; padding-bottom: 3px" id="comment_spinner" class="comment_spinner" alt="Loading..." src="images/ajax-loader-white.gif"/>
                     <button tabindex="12" class="commentbutton" type="submit" onclick="commentButtonClicked();" id="commentbutton">
                        <img src="images/confirm.png" /> Done
                     </button>
                </div>
            </form>
       </div>
       <!--Message Board-->
         <script type="text/javascript">
          function commentButtonClicked() {
            if ($("textarea[name^=comment]").val()!="" && $("textarea[name^=comment]").val().length<=2000) {
              $('#commentbutton').hide();
              $('#comment_spinner').show();
            }
          }
    
          function validate(id) {
            if ($("textarea[name^=comment]").val()=="") {
              alert("Enter your message");
              return false;
            }
            if ($("textarea[name^=comment]").val().length>2000) {
              alert("Your message exceeds 2000 characters");
              return false;
            }
            return true;
          }
    
          function updateCharCount() {
            $("#charcount").text($("textarea[name^=comment]").val().length);
          }
        </script>
      
      <!--Message Member Author List-->  
      <div style="border:1px solid #FFF; clear:both;">
            <div style="float:left">
                <div class="commentby commentbyauthor">
                    <a href="member.html" title="AsherAndMaddi">
                        <img src="images/AsherAndMaddi.64.413928.jpg" alt="AsherAndMaddi" align="top" class="picframe" border="0" width="64" height="64" />
                        <br/>Author Member
                    </a>
                    <br/>15 hours ago
                 </div> 
            </div>
            <pre class="commentbubble commentauthor" style="width:450px">
                <a href="member.html">@_chuck_norris_</a> 
                Yeahh you left in the middle of our jokes! :o Even though Im better at chuck norris jokes than you ;D ~Maddi
                <a href="member">@ChipAndDale</a>
                See Asher? i told you!!! ;D Haha nothin much home, not even supposed to be on but oh well.
            </pre>
            <div class="commentmeta">
                <button onclick="if(confirm('Are you sure you want to delete this message?')) location.href='/message?deleteid=14660986'" type="button">
                    <img src="images/delete.png" /> Delete
                </button>
                <button onclick="replyComment('@repotman ')" type="button">
                    <img src="images/reply.png"/>
                        Reply
                </button>
                <button type="button" onclick="report">
                    <img src="images/spam.png" /> Report
                </button>
            </div>
      </div>
      
      <!--Message Member Author List-->
      
      
      <!--Message Other Member  List-->  
      <div style="border:1px solid #FFF; clear:both;">
            <div style="float:left">
                <div class="commentby">
                    <a href="member.html" title="AsherAndMaddi">
                        <img src="images/AsherAndMaddi.64.413928.jpg" alt="AsherAndMaddi" align="top" class="picframe" border="0" width="64" height="64" />
                        <br/>Other Member
                    </a>
                    <br/>15 hours ago
                 </div> 
            </div>
            <pre class="commentbubble" style="width:450px">
                <a href="member.html">@_chuck_norris_</a> 
                Yeahh you left in the middle of our jokes! :o Even though Im better at chuck norris jokes than you ;D ~Maddi
                <a href="member">@ChipAndDale</a>
                See Asher? i told you!!! ;D Haha nothin much home, not even supposed to be on but oh well.
            </pre>
            <div class="commentmeta">
                <button onclick="if(confirm('Are you sure you want to delete this message?')) location.href='/message?deleteid=14660986'" type="button">
                    <img src="images/delete.png" /> Delete
                </button>
                <button onclick="replyComment('@repotman ')" type="button">
                    <img src="images/reply.png"/>
                        Reply
                </button>
                <button type="button" onclick="report">
                    <img src="images/spam.png" /> Report
                </button>
            </div>
      </div>
      <!--Message Other Member Author List-->
      
      <!--Other Message-->
      <div style="margin:20px 0px 20px 0px;text-align:center">
        <a href="member-comment.html" class="b2 medium white">show more(631)</a>
      </div>
      <!--Other Message-->
      
    </div>
    <!--Left Column -->

    <!--Right Content -->
    <?=$this->ws->get_template('sidebar')?>
    <!--Right Content-->
    
    <script type="text/javascript">
    		function update_msg()
    		{
    			if (typeof msgArray != 'undefined')
    			{
    				if (msgArray)
    				{
    					var date = new Date();
    					date.setTime(date.getTime() + (5 * 60 * 1000));
    					$.cookie("msgUpdate", JSON.stringify(msgArray), {expires: date});
    				}
    			}
    		}
    
    </script>
	<script type="text/javascript">
		var fb_connected = false,twitter_connected = false,tumblr_connected = false;
		var iconSize='';
		var site_root='http://www.wattpad.com'
		var permissionObj = null;

		if ($.cookie("share") == null) {
			permissionObj = {'facebook':'1','twitter':'1','tumblr':'1',};
			$.cookie("share",JSON.stringify(permissionObj),{expires: 365, path: '/',  domain: COOKIE_DOMAIN});
		}

		var permissionObj = JSON.parse($.cookie("share"));
		var facebook_connected = false;var twitter_connected = false;var tumblr_connected = false;			

//$($('#status_tumblr').add($('#status_fb').add($('#status_twitter')))).click(function() {
		//toggle icon every time its clicked
		$('document').ready(function(){$('.status_facebook').add('.status_twitter').add('.status_tumblr').click(function(){
			var share = JSON.parse($.cookie("share"));
			var name = this.name;
				if (share[name]  && window[name+'_connected']) {
					$(".status_"+name).attr("src", site_root+"/image/"+name+"-icon-disabled"+iconSize+".png");
				} else if ((!share[name]) && window[name+'_connected']) {
					$(".status_"+name).attr("src", site_root+"/image/"+name+"-icon"+iconSize+".png");
				}
				share[name] = !share[name];
				$.cookie("share",(JSON.stringify(share)),{expire: 365, path: '/',  domain: COOKIE_DOMAIN});
	})});

	</script>
	<script type="text/javascript">

	function replyComment(str) {
		$("textarea[name^=comment]").focus();
		$("textarea[name^=comment]").val($("textarea[name^=comment]").val()+str);
	}

	$('.tip').tipsy({gravity: 'w', html: true, delayIn: 200});

	if($.query.get('messages')) {
		$('#commentform textarea').focus();
	}

	$('#new_status').keyup(function(event) {
		if (event.which==13) {
			$('#save_status').focus();
			$('#save_status').click();
			return false;
		}
		return true;
	});

	$('#save_status').click(function() {
		//share only on the selected platforms
		var fbupdate =0,twitterupdate=0,tumblrupdate=0;
		if (window['update_to_fb']){
			fbupdate=1;
		}
		if(window['update_to_twitter']){
			twitterupdate=1;
		}
		if(window['update_to_tumblr']){
			tumblrupdate=1;
		}
		if ($('#new_status').hasClass("searchbox_default")) {
			$('#new_status').val("").removeClass("searchbox_default");
		}
		var newStatus = $('#new_status').val().replace(/^\s+/, '').replace(/\s+$/, '');
		if (newStatus.length>140) {
			alert("Your status message exceeds 140 characters");
		}
		else if (newStatus!="" || confirm("Do you want to remove your status?")) {
			ga_track('Users', 'Update Status', 'AsherAndMaddi');
			$('#user_status_edit').find('input, button').each(function() {
				this.disabled = true;
			});
			$('#save_status').hide();
			//$('#status_facebook').hide();
			//$('#status_twitter').hide();
			//$('#status_tumblr').hide();
			$('.status_spinner').show();
			$.post(API2_PATH+"userstatus", { 'status': newStatus, 'fbupdate':fbupdate,'twitterupdate':twitterupdate,'tumblrupdate':tumblrupdate }, function(data) {
				$('.status_spinner').hide();
				$('#save_status').show();
				$('#status_facebook').show();
				$('#status_twitter').show();
				$('#status_tumblr').show();
				$('#user_status_edit').find('input, button').each(function() {
					this.disabled = false;
				});
				$('#new_status').addClass("searchbox_default").val("Share your status");
				if (data.status!="") {
					$('#user_status').html(htmlspecialchars(data.status));
					$('#user_status_date').html('('+data.statuslastupdated+')');
				}
				else {
					$('#user_status').html('');
					$('#user_status_date').html('');
				}
				$.cookie("msgUpdate", null);
				if (!data.twitterPosted) //was not able to post to twitter
				{
					$('#statusUpdateError').show("slow");
					$('#statusUpdateError').html('We were unable to post to Twitter. <a href="'+ASSET_HOST+"/user_twlogin.php?nexturl="+window.location+'">Click here</a> to reconnect to Twitter.');
				}
				else {
					$('#statusUpdateError').hide("slow");
					$('#statusUpdateError').html('');
				}
			});
		}
	}).ajaxError(function() {
		$('.status_spinner').hide();
		$('#save_status').show();
		$('#user_status_edit').find('input, button').each(function(){this.disabled=false;});
	});

	$('.bubble').click(function() {
		$('.bubble_selected').removeClass('bubble_selected');
		$(this).addClass('bubble_selected');

		$.ajax({
			error: function(data, status) {
			},
			success: function(data, status) {
				$('#showcase').html(data.showcase);
				$('.tip').tipsy({gravity: 'w', html: true, delayIn: 200});
			},
			type: 'GET',
			url: '/apiv2/readinglist?id='+$(this).attr('id')
		});
  });
</script>

	<!--Sponsor Bottom-->
	<div id="ad_bottom_banner" style="clear:both;text-align:center;padding-bottom:10px">
        <div class="ad">sponsor</div>
        <iframe src="http://optimized-by.rubiconproject.com/a/7941/12756/23272-2.html?" FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="NO" WIDTH="728" HEIGHT="90"></iframe>
	</div>	
    <!--Sponsor Bottom-->
    
 </div>
 <!-- End Content -->
 
 <!-- Content Bottom -->
 <div id="content_bottom" class="png_bg"></div>
  <!-- Content Bottom -->